.oc-hero-section-2__content-2 .oc-hero-section-2__subheading-2 {
  /* inital state for subheading */
  opacity: 0;
  transform: translateY(-50px);
  transition: 0.2s ease-in-out;
}
.oc-hero-section-2__content-2 .oc-hero-section-2__heading-2 {
  /* initial state for heading */
  opacity: 0;
  transform: translateX(50px);
  transition: 0.2s ease-in-out;
}
.oc-hero-section-2__content-container {
  /* initial state for heading */
  opacity: 0;
  transform: translateX(50px);
  transition: 0.2s ease-in-out;
}
.oc-hero-section-2__content-2 .oc-hero-section-2__text {
  /* initial state for text */
  opacity: 0;
  transform: translateY(70px);
  transition: 0.2s ease-in-out;
}
.oc-hero-section-1__arrow {
  /* initial state for arrow */
  opacity: 0;
  transition: 0.2s ease;
}
.oc-hero-section-2__box:hover .oc-hero-section-2__content-container {
  /* showing subheading on hover */
  opacity: 1;
  transform: translateY(0);
  transition: 0.6s ease-in-out 0.2s;
}
.oc-hero-section-2__box:hover .oc-hero-section-2__subheading-2 {
  /* showing subheading on hover */
  opacity: 1;
  transform: translateY(0);
  transition: 0.6s ease-in-out 0.3s;
}
.oc-hero-section-2__box:hover .oc-hero-section-2__heading-2 {
  /* showing heading on hover */
  opacity: 1;
  transform: translateX(0);
  transition: 0.6s ease-in-out 0.3s;
}
.oc-hero-section-2__box:hover .oc-hero-section-2__text {
  /* showing text on hover */
  opacity: 1;
  transform: translateY(0);
  transition: 0.6s ease-in-out 0.3s;
}
.oc-hero-section-2__box:hover .oc-hero-section-1__arrow {
  /* showing arrow on hover */
  opacity: 1;
  transition: 0.6s ease 1s;
}
.oc-hero-section-2__subheading-2:before {
  /* initial state for subheading background */
  opacity: 0;
  transition: 0.2s ease-in-out;
}
.oc-hero-section-2__box:hover .oc-hero-section-2__subheading-2:before {
  /* show background for subheading on hover */
  opacity: 1;
  right: -10px;
  transition: 0.6s ease-in-out 1s;
}
.oc-hero-section-2__content {
  /* inital state for visible text */
  opacity: 1;
  transition: 0.4s ease;
}
.oc-hero-section-2__box:hover .oc-hero-section-2__content {
  /* hide visible text on hover */
  opacity: 0;
  transition: 0.4s ease;
}
/* Responsive setting */
@media (max-width: 992px) {
  /* make content visible on smaller screen */
  .oc-hero-section-2 .oc-hero-section-2__content-2 > * {
    opacity: 0;
    transform: translateX(50px);
    transform: translateY(50px);
    display: none;
  }
  .oc-hero-section-2__content-container, .oc-hero-section-2__box:hover .oc-hero-section-1__arrow {
    opacity: 0;
    transform: translateX(1250px) !important;
    transform: translateY(-150px);
    display: none;
  }
  .oc-hero-section-2__content-container > * {
    opacity: 0;
    transform: translateX(50px);
    transform: translateY(50px);
    display: none;
  }
  .oc-hero-section-2__content:hover, .oc-hero-section-2__box:hover .oc-hero-section-2__content {
    /* inital state for visible text */
    opacity: 1;
    transform: translateX(0px);
    transform: translateY(0px);
  }
  .oc-hero-section-2__box:hover .oc-hero-section-2__content-container {
    opacity: 0;
    transform: translateX(50px);
    transform: translateY(50px);
    display: none;
    transition: 0 ease-in-out;
  }
  #brxe-idsagi.oc-hero-section-2__content, #brxe-hbfjlj.oc-hero-section-2__content, #brxe-tkksff.oc-hero-section-2__content, #brxe-bipkir.oc-hero-section-2__content, #brxe-tfzgqq.oc-hero-section-2__content {
    opacity: 1 !important;
    transition: 0.4s ease;
  }
}